<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Checkout Confirmation</title>
<link rel="stylesheet" type="text/css"
	href="<{$APPLICATION_URL}>/Themes/<{$templateName}>/styles/m_style.css"
	media="screen" />
<script type="text/javascript"
	src="<{$APPLICATION_URL}>/Themes/<{$templateName}>/js/jquery.min.js"></script>
<script type="text/javascript">
var $ = jQuery.noConflict();
	$(function() {
		$('#activator').click(function(){
				$('#box').animate({'top':'65px'},500);
		});
		$('#boxclose').click(function(){
				$('#box').animate({'top':'-400px'},500);
		});
		$('#activator_share').click(function(){
				$('#box_share').animate({'top':'65px'},500);
		});
		$('#boxclose_share').click(function(){
				$('#box_share').animate({'top':'-400px'},500);
		});
		$('#activator_login').click(function(){
				$('#box_login').animate({'top':'65px'},500);
		});
		$('#boxclose_login').click(function(){
				$('#box_login').animate({'top':'-400px'},500);
		});

	});
	$(document).ready(function(){
	$(".toggle_container").hide(); 
	$(".trigger").click(function(){
		$(this).toggleClass("active").next().slideToggle("slow");
		return false;
	});
	
	});
</script>
<meta charset="UTF-8">
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="blue" /> 
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
</head>

<body>
	<div id="main_container">
		<div class="header">
			<a href="<{$APPLICATION_URL}>/<{$ownerName}>" class="left_bt">home</a>
			<{if $moduleName == "Product"}>	
        <a href="<{$APPLICATION_URL}>/<{$ownerName}>Product/shoppingCart" class="left_bt">my cart</a>
		<a href="<{$APPLICATION_URL}>/<{$ownerName}>Product/checkoutShipping" class="left_bt">checkout</a>
		<a href="<{$APPLICATION_URL}>/<{$ownerName}>Product" class="left_bt">store</a>
     <{/if}>
			<span></span> <a href="#" class="right_bt"
				id="activator"><img
				src="<{$APPLICATION_URL}>/Themes/<{$templateName}>/images/search.png"
				alt="" title="" border="0" /> </a>
		</div>
		<div class="box" id="box">
			<div class="box_content">
				<div class="box_content_tab">Search</div>
				<div class="box_content_center">
					<div class="form_content">
						<form action="<{$APPLICATION_URL}>/<{$ownerName}>Search"
							method="post">
							<input name="name" type="text" id="searchf"
								class="form_input_box" /> <input name="module" type="hidden"
								class="input-text" value="<{$moduleName}>" /> <a
								class="boxclose" id="boxclose">Close</a> <input type="submit"
								title="submit" class="form_submit" value="Submit" />
						</form>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<div class="box" id="box_share">
			<div class="box_content">
				<div class="box_content_tab">Join Us On</div>
				<div class="box_content_center">
					<div class="social_share">
						<ul>
							<{if $ownerFacebook != ""}>
							<li><a href="<{$ownerFacebook}>" target="blank"><img
									src="<{$APPLICATION_URL}>/Themes/<{$templateName}>/images/social/facebook.png"
									alt="Join Us On Facebook" border="0" /> </a></li> <{/if}> <{if
							$ownerTwitter != ""}>
							<li><a href="<{$ownerTwitter}>" target="blank"><img
									src="<{$APPLICATION_URL}>/Themes/<{$templateName}>/images/social/twitter.png"
									alt="Join Use On Twitter" border="0" /> </a></li> <{/if}> <{if
							$ownerLinkin != ""}>
							<li><a href="<{$ownerLinkin}>" target="blank"><img
									src="<{$APPLICATION_URL}>/Themes/<{$templateName}>/images/social/linkedin.png"
									alt="Join Us In Linkedin" border="0" /> </a></li> <{/if}> <{if
							$ownerDribbble != ""}>
							<li><a href="<{$ownerDribbble}>" target="blank"><img
									src="<{$APPLICATION_URL}>/Themes/<{$templateName}>/images/social/dribbble.png"
									alt="Join Us In Dribbble" border="0" /> </a></li> <{/if}> <{if
							$ownerDigg != ""}>
							<li><a href="<{$ownerDigg}>" target="blank"><img
									src="<{$APPLICATION_URL}>/Themes/<{$templateName}>/images/social/digg.png"
									alt="Join Us In Digg" border="0" /> </a></li> <{/if}> <{if
							$ownerVimeo != ""}>
							<li><a href="<{$ownerVimeo}>" target="blank"><img
									src="<{$APPLICATION_URL}>/Themes/<{$templateName}>/images/social/vimeo.png"
									alt="Join Us In Vimeo" border="0" /> </a></li> <{/if}> <{if
							$ownerYoutube != ""}>
							<li><a href="<{$ownerYoutube}>" target="blank"><img
									src="<{$APPLICATION_URL}>/Themes/<{$templateName}>/images/social/youtube.png"
									alt="Join Us In Youtube" border="0" /> </a></li> <{/if}> <{if
							$ownerForrst != ""}>
							<li><a href="<{$ownerForrst}>" target="blank"><img
									src="<{$APPLICATION_URL}>/Themes/<{$templateName}>/images/social/forrst.png"
									alt="Join Us In Forrst" border="0" /> </a></li> <{/if}> <{if
							$ownerFlickr != ""}>
							<li><a href="<{$ownerFlickr}>" target="blank"><img
									src="<{$APPLICATION_URL}>/Themes/<{$templateName}>/images/social/flickr.png"
									alt="Join Us In Flickr" border="0" /> </a></li> <{/if}>
						</ul>
					</div>

					<a class="boxclose_right" id="boxclose_share">close</a>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="corner_wrap">
				<div class="box_content_center">
					<div class="form_content">
						<h1>Order Confirmation</h1>
						 <{if $isError == "true"}>										
								<{$error}>			
						<{/if}>
						<form name="checkout_confirmation" action="<{$APPLICATION_URL}>/<{$ownerName}>Product/confirmOrder" onsubmit="return formSubmit();" method="post">
						<div class="contentContainer">
						  <label>Shipping Information</label>
						  <div class="contentText">
    
	 
						
							<strong>Delivery Address</strong>
							<!--
							<a href="<{$APPLICATION_URL}>/<{$ownerName}>MyAccount/addAddress/type/ship/confirm/1"><span class="orderEdit">(Edit)</span></a>
							-->
							<br>
						  <{if $shippingAddress}>
						  
							<{$shippingAddress->getName()}><br> <{$shippingAddress->street}><br> <{$shippingAddress->getState()}>, <{$shippingAddress->city}>    <{$shippingAddress->postCode}><br> <{$shippingAddress->getCountry()}>
						  
						  <{/if}>
						  <br>
						  <br>						  
							 
									  <{if $billingAddress}>								
									  <strong>Billing Address</strong>
									  <!--
									  <a href="<{$APPLICATION_URL}>/<{$ownerName}>MyAccount/addAddress/type/bill/confirm/1"><span class="orderEdit">(Edit)</span></a>
									  -->
									  <br>
									 <{$billingAddress->getName()}><br> <{$billingAddress->street}><br> <{$billingAddress->getState()}>, <{$billingAddress->city}>    <{$billingAddress->postCode}><br> <{$billingAddress->getCountry()}>									  
									  <{/if}>
									
										  
							 
							  <br />
							  <br />
						  <strong>Shipping Method</strong> : &nbsp;&nbsp;						 
						   <{$shippingMethod->name}>
						<br>
						<br>			
						<strong>Products</strong> <a href="<{$APPLICATION_URL}>/<{$ownerName}>Product/shoppingCart"><span class="orderEdit">(Edit)</span></a>
						<br>
						  <{assign var=subTotal value=0}>
						<{foreach item=cartItem from=$cartList}>
						<{assign var=product value=$cartItem->getProduct()}>
						<{assign var=customer value=$cartItem->getCustomer()}>
						<{assign var=finalPrice value=$cartItem->finalPrice}>						  
							 Name:<{$product->getName()}> <br>
							Quantity:<{$cartItem->quantity}> <br>
							 Price:<{$currencySymbol}><{$cartItem->finalPrice|string_format:"%.2f"}>
						 <br>						  
						  <{assign var=subTotal value=$subTotal+$finalPrice}>
						  <{/foreach}>
							  </div>
							    <br>
									 <label>Payment Method :</label> 									 
									 <{$paymentMethod}>
									  <br>
											<{assign var=total value=$subTotal+$shippingMethod->fee}>										  
											Sub-Total:
											<{$currencySymbol}><{$subTotal|string_format:"%.2f"}> 
											<br>
											Name:
										   <{$shippingMethod->name}>:
										   <br>
										   Shipping Fee:
											<{$currencySymbol}><{$shippingMethod->fee|string_format:"%.2f"}>
											<br /><br />
											<lable>Total:</label>
											<strong><{$currencySymbol}><{$total|string_format:"%.2f"}></strong><br />
							  <label><strong>Comments About Your Order</strong></label>
							  <div class="contentText">
								<{$comment}><input type="hidden" name="comment" value="<{$comment}>">  </div>
							  <div class="contentText">
								
								<br>
								<div style="float: right;">
								<input type="submit"
								class="form_submit_right"  value="Confirm" />
									
								</div>
							  </div>
							</div>
							<input type="hidden" id="actionForm" name="actionForm" value=""/>
							</form>
					</div>
				</div>
				<div class="clear_left"></div>
			</div>
		</div>
		<div id="footer">
			<{if $ownerTwitter != "" || $ownerDribbble != "" || $ownerDigg != ""
			|| $ownerVimeo != "" || $ownerYoutube != "" || $ownerForrst != "" ||
			$ownerFlickr != "" || $ownerFacebook != "" || $ownerLinkin != ""}> <a
				href="#" class="left_bt" id="activator_share">Follow</a> <{/if}> <span><small>
					&copy; <{$smarty.now|date_format:"%Y"}> <{$ownerFullName}>. All
					rights reserved <{if $isBrandingFree == false}> , powered by <a
					href="http://www.slappit.com"
					title="Slappit.com - Ecommerce Websites From &pound;5 A Month">Slappit.com</a>
					<{/if}> </small> </span> <a
				onclick="jQuery('html, body').animate( { scrollTop: 0 }, 'slow' );"
				href="" title="Go on top" class="right_bt"><img
				src="<{$APPLICATION_URL}>/Themes/<{$templateName}>/images/top.png"
				alt="" title="" border="0" /> </a>
		</div>

<script type="text/javascript">
<!--
//-->
var olderCountryId=-1;
function selectCountryChange(countryId)
{
	
	if(olderCountryId==countryId) return;
	olderCountryId=countryId;
		
		$.ajax({
			  url: '<{$APPLICATION_URL}>/<{$ownerName}>Ajax/statebycountry',
			  data: 'countryId='+countryId,
			  type: 'post',
			  success: function(result)
			  {
				
				  $("#ajaxState").html(result);
				  
			  },
			});
}	
</script>
		
<script type="text/javascript"><!--
var form = "";
var submitted = false;
var error = false;
var error_message = "";
//--></script>
<script type="text/javascript"><!--
var form = "";
var submitted = false;
var error = false;
var error_message = "";

function formSubmit() {
  if (submitted == true) {
    alert("This form has already been submitted. Please press Ok and wait for this process to be completed.");
    return false;
  }

  error = false;
  form = document.checkout_confirmation;
  form.actionForm.value = 'submit';
	submitted = true;	
	form.submit();
	return true;
}
//--></script>
</body>
</html>
